@mixin clearfix() {
    &:before,
    &:after {
      content: "";
      display: table;
    }
    &:after {
      clear: both;
    }
}
a{
    color: black
}
.user{
    width: 100%;
    height: 100%;
    background-color: rgb(241, 241, 241);
    background-image: url('/images/self/bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    display:inline-block;
    .user-card{
        width: 94%;
        height: 190px;
        border-radius: 12px;
        background-color: white;
        margin: 6% auto;
        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2),0 -3px 6px 0 rgba(0,0,0,0.20);
        position: relative;
        .user-infos{
            width: 80%;
            position: relative;
            top:6%;
            left: 3%;
            @include clearfix();
            .user-avatar{
                display: block;
                font-size: 0;
                float: left;
            }
            .user-info{
                float: left;
                margin-top: 14px;
                margin-left: 15px;
                span{
                    display: block;
                    margin-bottom: 3px;
                    font-size: 20px;
                    font-weight: 700;
                    width: 150px;
                    overflow: hidden;  /*超出部分隐藏*/
                    white-space: nowrap;  /*禁止换行*/
                    text-overflow: ellipsis; /*省略号*/
                }
                a{
                    font-size: 14px;
                    color: #d6d6d6;
                }
            }

        }
        .sign-in{
            width: 80px;
            height: 30px;
            line-height: 30px;
            color: white;
            padding: 3px 10px 3px 12px;
            border-radius: 40px 0 0 40px;
            background-color: rgb(255, 145, 0);
            position: absolute;
            right: -6px;
            top: 40px;
        }
        .user-asset{
            position: absolute;
            bottom: 20px;
            width: 100%;
            text-align: center;
            div{
                p{
                    font-size: 18px;
                    font-weight: 700;
                    margin: 20px 0 1px 0;
                }
            }
        }
    }
    .order{
        background-color: white;
        margin-top: 20px;
        .order-header{
            @include clearfix();
            padding: 10px 10px 0 20px;
            vertical-align: bottom;
            span{
                float: left;
                font-size: 18px;
                font-weight: 700;
            }
            a{
                float: right;
                font-size: 14px;
                color: #aaa;
                position: relative;
                top: 5px;
                i{
                   position: relative;
                   top: 2px;
                   left: -4px;
                }
            }
        }
    }
    .user-serve{
        margin-top: 10px;
        .van-cell__left-icon{
            height: 24px;
            font-size: 26px;
            line-height: 24px;
        }
    }
}